import { applyMiddleware, legacy_createStore as createStore } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import logger from 'redux-logger';
import thunk from 'redux-thunk';
import rootReducer from './reducer';

// 创建 store 时，可以添加中间件的使用， 类似 vue 中的插件
// 口诀： 应用包住中间件, applyMiddleware(logger)
// const store = createStore(rootReducer, applyMiddleware(logger, thunk));

// 调试工具
// 口诀： 工具 》 应用 》 中间件
// composeWithDevTools(applyMiddleware(thunk, logger))
const store = createStore(
  rootReducer,
  composeWithDevTools(applyMiddleware(thunk))
);
export default store;
